// pages/search/search.jsv
Page({

  /**
   * 页面的初始数据
   */
  data: {
    goodsList: [],
    //输入框的值
    inputValue:"",

    //历史记录
    historyList:[]
  },

  onShow:function(){
    let historyList = wx.getStorageSync('history') || [];

    this.setData({historyList})
  },


  //定时器id
  timerId: -1,


  //inputchange事件
  onSearchInput(e) {
    //只要出发input事件 那么就直接清除上一个定时器即可
    clearTimeout(this.timerId);
    console.log(e);
    //获取input输入框的值
    let {
      value
    } = e.detail;
    value = value.trim(); //去除空格
    //对值进行简单校验

    //用户什么都没有输入，只是输入了很多空格

    if (!value) {

      this.setData({
        goodsList: []
      })
      return;
    }
    //通过获取到的value值 向后端发起查询商品请求
    clearTimeout(this.timerId)
    this.timerId = setTimeout(() => {
      this.getGoodsSearch(value)
    }, 1000)

  },

  //发送查询请求更新页面数据
  getGoodsSearch: async function (queryValue) {
    //历史记录相关功能
    let {historyList} = this.data;
    
    let index = historyList.findIndex(item=>item === queryValue);

    if(index === -1) historyList.push(queryValue)

    let {
      data
    } = await wx.goodsApi.getGoodsSearch({
      query: queryValue
    });
    console.log("data", data);
    this.setData({
      goodsList: data.message,
      historyList
    });
    wx.setStorageSync('history', historyList)
  },

    //点击取消按钮事件
    onSearchCal(){
      this.setData({
        goodsList:[],
        inputValue:""
      })
    },

    //清空历史记录
    onClearHistory(){
      this.setData({
        historyList:[]
      })
      wx.setStorageSync('history', [])
    },


    //点击历史记录进行搜索
    onHistorySearch(e){
      console.log("点击历史记录进行搜索",e);
      let {historyValue} = e.currentTarget.dataset;
      this.setData({
        inputValue:historyValue
      })
      this.getGoodsSearch(historyValue);
    }




})